@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .flex-c {
    @apply flex justify-center items-center;
  }

  .flex-ac {
    @apply flex justify-around items-center;
  }

  .flex-bc {
    @apply flex justify-between items-center;
  }

  .navbar-bg-hover {
    @apply dark:text-white dark:hover:!bg-[#242424];
  }

  .text-index-color {
    @apply !text-[#666666] dark:!text-[#8F98A0] !font-normal;
  }

  .sj-text-title {
    @apply !text-[#222222] dark:!text-[#fff] /*222222 -- fffff*/
  }

  .sj-text-sub-title {
    @apply !text-[#666666] dark:!text-[#D6D6D6] /*666666 -- D6D6D6*/
  }

  .sj-text-secondary-title {
    @apply !text-[#222222] dark:!text-[#D6D6D6] /*222222 -- D6D6D6*/
  }
  .empty-text {
    @apply !text-[#999999] dark:!text-[#666666] /*222222 -- D6D6D6*/
  }
}
